<template>
  <div class="gksp">
    <el-card class="box-card">
      <div class="card-content">
        <div class="card-item">
          <span class="label">累计签到</span>
          <el-input-number v-model="item.finishValue" :controls="false" :min="0" placeholder="请输入天数" />
          <span class="label">天， 可得</span>
          <el-input-number v-model="item.getReward1" :controls="false" :min="0" placeholder="请输入学时" />
          <span class="label" />学时。
        </div>
        <div class="card-item">
          <span class="label">
            任务说明
          </span>
          <el-input v-model="item.taskRemark" placeholder="请输入说明" class="input" />
        </div>
        <!-- <div class="card-item">
          <span class="label">
            任务排序
          </span>
          <el-input-number v-model="item.sort" :controls="false" placeholder="请输入排序" class="input" />
        </div> -->
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'Gksp',
  props: {
    item: {
      type: Object,
      default: () => ({})
    }
  },
  methods: {}
}
</script>

<style lang="scss">
.gksp {
  .box-card {
    .card-content {
      .card-item {
        margin-bottom: 10px;
        .label {
          font-size: 14px;
          color: #333;
          margin: 5px;
        }
        .input {
          width: 300px;
        }
      }
    }
  }
}
</style>
